<div class="wrap_header">
    <div class="header_left">
        <a class="logo" href="javascript:;void(0);"><img src="<?php echo BASE_URL; ?>themes/standard/images/home/logo.png"></a>
        <a class="banner" href="javascript:;void(0);"><img src="<?php echo BASE_URL; ?>themes/standard/images/home/banner.jpg"></a>
    </div>
    <div class="header_right">
        <ul class="menu_top_header">
            <li>
                <a class="show_menu_home" href="javascript:;void(0);">Sức khỏe và đời sống <img src="<?php echo BASE_URL; ?>themes/standard/images/home/arrow_bot_nav.png"/></a>
                <ul class="menu_home menu_healthline">
                    <?php foreach($menu_medical as $menu_med): ?>
                    <li><a href="<?php echo $menu_med->href; ?>" title="<?php echo $menu_med->name; ?>"><?php echo $menu_med->name; ?></a></li>
                    <?php endforeach;?>
                </ul>
            </li>
            <li>
                <a class="show_menu_home" href="javascript:;void(0);">Tin tức tổng hợp <img src="<?php echo BASE_URL; ?>themes/standard/images/home/arrow_bot_nav.png"/></a>
                <ul class="menu_home menu_news">
                    <?php foreach($menu_news as $menu_new): ?>
                    <li><a href="<?php echo $menu_new->href; ?>" title="<?php echo $menu_new->name; ?>"><?php echo $menu_new->name; ?></a></li>
                    <?php endforeach;?>
                </ul>
            </li>
        </ul>
        <div class="menu_share fl_r mt_16">
            <label>Tìm chúng tôi trên:</label>
            <a href="javascript:;void(0);"><img src="<?php echo BASE_URL; ?>themes/standard/images/home/fb.png"></a>
            <a href="javascript:;void(0);"><img src="<?php echo BASE_URL; ?>themes/standard/images/home/tt.png"></a>
            <a href="javascript:;void(0);"><img src="<?php echo BASE_URL; ?>themes/standard/images/home/g1.png"></a>
            <a href="javascript:;void(0);"><img src="<?php echo BASE_URL; ?>themes/standard/images/home/pin.png"></a>
        </div>
        <div class="search_header">
            <h2>How can we help you today?</h2>
            <p class="notice_step">You are one step closer to better health</p>
            <p>
                <input class="search_disease" placeholder="Symptoms, Drugs, Treatments  ... more"/>
                <!--<input  type="button" class="btn_search_header" />-->
                <a href="javascript:;void(0);" class="fl_r"><img src="<?php echo BASE_URL; ?>themes/standard/images/home/search_all.png" /></a>
            </p>
            <div class="feature_search fl_l">
                <a class="feature_symptom">Symptom Checker</a>
                <a class="feature_doctor">Find a Doctor </a>
                <a class="feature_drug">Drug Search </a>
                <a class="feature_pill">Pill Identifier </a>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    jQuery('.menu_top_header li').hover(function(){
        var timer = jQuery(this).data('timer');
        if(timer){
            clearTimeout(timer);
        }
        var obj = jQuery(this);
        obj.data('showTimer', setTimeout(function(){
            obj.children("ul").show();
            obj.children("a.show_menu_home").addClass("hover");
        }, 200));

    },function(){
        var showTimer = jQuery(this).data('showTimer');
        if(showTimer){
            clearTimeout(showTimer);
        }
        var obj = jQuery(this);
        obj.data('timer', setTimeout(function(){
            obj.children("ul").hide();
            obj.children("a.show_menu_home").removeClass("hover");
        }, 200));
    })

</script>